<!-- 更多表格 -->

<template>
  <div>
    <RealtimeRefresh />

    <WebTable noPage auto>
      <RowTitle :label="`${CORE.MAP.ASSET}编号`" bind="deviceCode" />
      <RowText label="监测数据" bind="columnName" />
      <RowText label="状态" bind="value" />
      <RowText label="设备状态" bind="deviceStatus" />
      <RowTime label="更新时间" bind="modifyTime" width="auto" :minWidth="100" />
    </WebTable>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import store from './store'
import props from '../../../props'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MoreTable',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixStore(store)],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(
    require.context('../../../components', true, /vue$/),
    require.context('./', true, /vue$/),
  ),

  /**
   * 属性注册 (抽取以便查阅)
   */
  props,

  /**
   * 监听属性 (深度 deep 首次 immediate)
   */
  watch: {
    /**
     * 监听区域 ID
     */
    areaId() {
      this.startList(1)
    },
  },
}
</script>
